@import '../../utils/common.scss';
.artificialContainer {
  color: #ffffff;
  .artHeader {
    position: relative;
    overflow: hidden;
    height: 9.44rem;
    background: linear-gradient(#489EFA, #2579D4);
    .peopleNum {
      color: orange;
      @include font-dpr($primary-size-md)
    }
    .imageSize {
      @include image('../../assets/images/resetpassword/iphone');
      width: 3.893333rem;
      height: 6.4rem;
      position: absolute;
      bottom: -0.08rem;
      left: 50%;
      transform: translateX(-50%)
    }
  }
  .back {
    width: .426667rem;
    height: .906667rem;
    margin-left: .4rem
  }
  .peopleWait {
    text-align: center;
    @include font-dpr($primary-size-xs);
    margin-bottom: .426667rem
  }
  .bigTitle {
    text-align: center;
    @include font-dpr(24Px)
  }
  .videoTip {
    padding-left: .4rem;
    .tipTitle {
      @include font-dpr ($primary-size-xs);
      color:#666666;
      margin-top: .666667rem
    }
    .logoTip {
      display: flex;
      align-items: middle;
      margin-top: 1.066667rem;
      .logoContainer {
        flex:1;
        text-align: center;
        color: #666666;
        @include font-dpr(12Px);
        margin-bottom: 2.4rem;
        .logo {
          width:.96rem;
          height: .96rem;
          margin-bottom: .426667rem;
        }
      }
    }
    .buttonSize {
      text-align: center;
      position: absolute;
      bottom: .533333rem;
    }
  }
  
}